<template>
    <div id="app">
        <state-header></state-header>
        <state-list></state-list>
        <math-footer></math-footer>
    </div>
</template>

<script type="text/ecmascript-6">
    import StateHeader from "../components/state/StateHeader.vue";
    import StateList from "../components/state/StateList.vue";
    import MathFooter from "../components/commons/mgjfooter.vue";
        export default {
            components:{
                StateHeader,
                MathFooter,
                StateList
            }
        }
</script>

<style>
    #app{
        font-family:"微软雅黑",Arial;
        background: #f5f5f9;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: inherit;
        height: 100%;
    }

</style>